<!DOCTYPE xhtml>
<html>
<head>
	
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<meta name="Author" content="Artur Ataev"/>
	<title>Домашнє завдання 6</title>
	<base href="06\img\">
</head>

<body>

<table cellpadding="0" border="0" cellspacing="0" align="center" bgcolor="white" style="color: black; font-size: 8pt; letter-spacing: 1pt; font-family:  MS Sans Serif, Tahoma, serif;">
	<tr height="0px">
		<td width="12"></td>
		<td width="304"></td>
		<td width="1"></td>
		<td width="159"></td>
		<td width="402"></td>
		<td width="127"></td>
	</tr>

	<tr height="12px">
		<td colspan="2" background="grey_1-12.gif" width="316"></td>
		<td background="white_1-1.gif" width="1px"></td>
		<td background="grey_1-12.gif" width="159"></td>
		<td colspan="2" background="white_1-1.gif"></td>
	</tr>
	<tr height="80px">
		<td colspan="5" background="white_1-1.gif" style="padding-left: 25px">
			<div style="font-size: 14pt; font-weight: bold; letter-spacing: 1pt">
				Аксесуари та тюнінг
			</div>
		</td>
		<td width="127" background="white_1-1.gif"><img alt="Audi" src="logo_audi.gif"  style="border-width: 0px;"></td>
	</tr>
	<tr height="1px">
		<td colspan="2" background="black_1-1.gif"></td>
		<td background="white_1-1.gif"></td>
		<td background="black_1-1.gif"></td>
		<td colspan="2" background="white_1-1.gif"></td>
	</tr>
	<tr height="71px">
		<td colspan="2" width="316"><img src="audi_1.gif" style="width: 316px; height: 71px; border-width: 0px;"></td>
		<td background="white_1-1.gif" width="1"></td>
		<td width="159"><img src="audi_3.gif" style="width: 159px; height: 71px; border-width: 0px;"></td>
		<td  width="402px" background="grey_1-71.gif"></td>
		<td background="grey_1-71.gif" style="vertical-align: bottom; padding: 0px 0px 10px 10px;">
			<div style="font-size: 10pt; font-weight: bold; letter-spacing: 1pt; color: gray; ">
    			Світ Audi
			</div>	
		</td>
	</tr>
		<tr height="1px">
		<td colspan="2" background="orange_1-1.gif"></td>
		<td background="white_1-1.gif"></td>
		<td colspan="3" background="white_1-1.gif"></td>
	</tr>
	<tr height="119px">
		<td colspan="2"><img src="audi_2.gif" style="width: 316px; height: 119px; border-width: 0px;"></td>
		<td background="white_1-1.gif"></td>
		<td><img src="audi_4.gif" style="width: 159px; height: 119px; border-width: 0px;"></td>
		<td rowspan="4" background="grey_1-119.gif" style="vertical-align: top; text-align: right; font-size: 7pt; line-height: 5pt; padding: 15px 5px;">
			<div style="font-weight: bold;">Колекція Audi</div><br>
			<div style="font-weight: bold;">Скрінсейвери</div><br>
			<div style="font-weight: bold; color: gray;">Аксесуари та тюнінг</div><br>
		</td>
		<td rowspan="18" style="vertical-align: top;" background="grey5_1-1.gif"> 
			<table cellpadding="0" border="0" cellspacing="0" width="100%" style="font-weight: bold; font-size: 7pt; font-family:  MS Sans Serif, Tahoma, serif; line-height: 7pt;">
				<tr>
					<td style="vertical-align: bottom;" width="11px" background="dat_11-2.gif">
						<img src="dat_11-4.gif" style="width: 11px; height: 4px; border-width: 0px;"></td>
					<td style="padding: 10px 5px 0px 5px;"><a href="#" style="text-decoration: none; color: black;">
						Головна</a></td>
				</tr>
				<tr>
					<td style="vertical-align: bottom;" width="11px" background="dat_11-2.gif">
						<img src="dat_11-4.gif" style="width: 11px; height: 4px; border-width: 0px;"></td>
					<td style="padding: 10px 5px 0px 5px;"><a href="#" style="text-decoration: none; color: black;">
						Модельний ряд</a></td>
				</tr>
				<tr>
					<td style="vertical-align: bottom;" width="11px" background="dat_11-2.gif">
						<img src="dat_11-4.gif" style="width: 11px; height: 4px; border-width: 0px;"></td>
					<td style="padding: 10px 5px 0px 5px;"><a href="#" style="text-decoration: none; color: black;">
						Дилери</a></td>
				</tr>
				<tr>
					<td style="vertical-align: bottom;" width="11px" background="dat_11-2.gif">
						<img src="dat_11-4.gif" style="width: 11px; height: 4px; border-width: 0px;"></td>
					<td style="padding: 10px 5px 0px 5px;"><a href="#" style="text-decoration: none; color: black;">
						Пропозиції та ціни</a></td>
				</tr>
				<tr>
					<td style="vertical-align: bottom;" width="11px" background="dat_11-2.gif">
						<img src="dat_11-4.gif" style="width: 11px; height: 4px; border-width: 0px;"></td>
					<td style="padding: 10px 5px 0px 5px;"><a href="#" style="text-decoration: none; color: white;">
						Про Audi</a></td>
				</tr>
				<tr>
					<td style="vertical-align: bottom;" width="11px" background="dat_11-2.gif">
						<img src="dat_11-4.gif" style="width: 11px; height: 4px; border-width: 0px;"></td>
					<td style="padding: 10px 5px 0px 5px;"><a href="#" style="text-decoration: none; color: black;">
						Школа КВАТРО</a></td>
				</tr>
				<tr>
					<td style="vertical-align: bottom;" width="11px" background="dat_11-2.gif">
						<img src="dat_11-4.gif" style="width: 11px; height: 4px; border-width: 0px;"></td>
					<td style="padding: 10px 5px 0px 5px;"><a href="#" style="text-decoration: none; color: black;">
						Для компаній</a></td>
				</tr>
				<tr>
					<td style="vertical-align: bottom;" width="11px" background="dat_11-2.gif">
						<img src="dat_11-4.gif" style="width: 11px; height: 4px; border-width: 0px;"></td>
					<td style="padding: 10px 5px 0px 5px;"><a href="#" style="text-decoration: none; color: black;">
						Головна</a></td>
				</tr>
				<tr>
					<td style="vertical-align: bottom;" width="11px" background="dat_11-2.gif">
						<img src="dat_11-4.gif" style="width: 11px; height: 4px; border-width: 0px;"></td>
					<td style="padding: 10px 5px 0px 5px;"><a href="#" style="text-decoration: none; color: black;">
						Карта сайту</a></td>
				</tr>
				<tr>
					<td style="vertical-align: bottom;" width="11px" background="dat_11-2.gif">
						<img src="dat_11-4.gif" style="width: 11px; height: 4px; border-width: 0px;"></td>
					<td style="padding: 10px 5px 0px 5px;"><a href="#" style="text-decoration: none; color: black;">
						Зворотній зв'язок</a></td>
				</tr>
				<tr height="200px">
					<td style="vertical-align: bottom;" width="11px" background="dat_11-2.gif"></td>
					<td style="padding: 10px 5px 0px 5px;"></td>
				</tr>
			</table>
		</td>
	</tr>
	<tr height="1px">
		<td colspan="4" background="white_1-1.gif"></td>
	</tr>

	<tr>
		<td height="32px" background="grey_2-32.gif"></td>
		<td background="grey_2-32.gif" style="color: white; font-weight: bold">
			Неперевершений стиль, індивідуальність та безпечність
		</td>
		<td rowspan="3" background="white_1-1.gif"></td>
		<td rowspan="3" background="grey_1-1.gif" style="vertical-align: top;">
			<br>
		<table cellpadding="0" border="0" cellspacing="0" style="font-weight: bold; font-size: 7pt; font-family:  MS Sans Serif, Tahoma, serif; line-height: 7pt;">
			<tr style="vertical-align: top;">
				<td style="padding: 3px 5px 3px 2px;" width="15px" align="right"><img src="arrow_grey.gif" style="width: 5px; height: 9px; border-width: 0px;"></td>
				<td style="padding: 3px;"><a href="#" style="text-decoration: none; color: gray;">Інформація та розваги</a></td>
			</tr>
			<tr style="vertical-align: top;">
				<td style="padding: 3px 5px 3px 2px;" align="right"><img src="arrow_grey.gif" style="width: 5px; height: 9px; border-width: 0px;"></td>
				<td style="padding: 3px;"><a href="#" style="text-decoration: none; color: gray;">Безпечність та комфорт</a></td>
			</tr>
			<tr style="vertical-align: top;">
				<td style="padding: 3px 5px 3px 2px;" align="right"><img src="arrow_grey.gif" style="width: 5px; height: 9px; border-width: 0px;"></td>
				<td style="padding: 3px;"><a href="#" style="text-decoration: none; color: gray;">Аеродинаміка та колесні диски</a></td>
			</tr>
			<tr style="vertical-align: top;">
				<td style="padding: 3px 5px 3px 2px;" align="right"><img src="arrow_grey.gif" style="width: 5px; height: 9px; border-width: 0px;"></td>
				<td style="padding: 3px;"><a href="#" style="text-decoration: none; color: gray;">Багажник та фаркопи</a></td>
			</tr>
			<tr style="vertical-align: top;">
				<td style="padding: 3px 5px 3px 2px;" align="right"><img src="arrow_grey.gif" style="width: 5px; height: 9px; border-width: 0px;"></td>
				<td style="padding: 3px;"><a href="#" style="text-decoration: none; color: gray;">З турбуванням про дітей</a></td>
			</tr>
			<tr style="vertical-align: top;">
				<td style="padding: 3px 5px 3px 2px;" align="right"><img src="arrow_grey.gif" style="width: 5px; height: 9px; border-width: 0px;"></td>
				<td style="padding: 3px;"><a href="#" style="text-decoration: none; color: gray;">Автохімія</a></td>
			</tr>
		</table>
		</td>
	</tr>
	<tr height="87px">
		<td rowspan="2" colspan="2" background="grey_1-1.gif" style="padding: 10px 5px 10px 15px; vertical-align: top;">
			Хвилюватися про ближніх, бути впевненому у собі і своєму авто, насолоджуватися
			життям та створювати свій стиль... Є речі, які для власників Audi так само звичні як дихання.
			<br><br>
			Ще більше стилю, динаміки та комфорту - завдяки оригінальним технічним аксесуарам Votex.
			<br><br><br>
			Аксесуари Votex, це:
			<br><br>
			- 100% сумісність,<br>
			- 2 роки гарантії,<br>
			- неперевершена німецька якість,<br>
			- можливість встановлення на Ваш автомобіль після купівлі із збереженням
			заводської гарантії на авто.
			<br><br>
			Виберіть групу аксесуарів, щоб ознайомитися із асортиментом продукції Votex,
			яка пропонується офіційними дилерами Audi.
			
		</td>
	</tr>
	<tr height="193px">
		<td rowspan="15" background="white_1-1.gif"></td>
	</tr>
	<tr height="1">
		<td colspan="4" background="white_1-1.gif"></td>
	</tr>
		<tr style="vertical-align: top;">
		<td background="white_1-1.gif" style="padding: 6px 2px 3px ;" align="right"><img src="arrow_white.gif" style="width: 5px; height: 9px; border-width: 0px;"/></td>
		<td background="white_1-1.gif" style="padding: 5px;">
			<a href="#" style="font-weight: bold; text-decoration: none; color: gray;">
    			Інформація та розваги
			</a>
			<br><br>
    		Аудіосистеми з криштально-чистим звучанням, високотехнологічні телефони
    		та пристрої hands-free, які гарантують максимальну зручність... 
    		Тепер кожна хвилина у дорозі працює на Вас.
		</td>
		<td background="white_1-1.gif"></td>
		<td background="white_1-1.gif"><img src="img_1.gif" style="width: 159px; height: 71px; border-width: 0px;"></td>
	</tr>
	<tr height="1">
		<td colspan="4" background="grey1_1-1.gif"></td>
	</tr>
	<tr style="vertical-align: top;">
		<td background="white_1-1.gif" style="padding: 6px 2px 3px ;" align="right"><img src="arrow_white.gif" style="width: 5px; height: 9px; border-width: 0px;"/></td>
		<td background="white_1-1.gif" style="padding: 5px;">
			<a href="#" style="font-weight: bold; text-decoration: none; color: gray;">
    			Безпечність та комфорт
			</a>
    		<br><br>
			Ще один крок вперед в досягненні максимальної безпечності та комфорту.
			Для Вас та для тих, кого Ви любите...
		</td>
		<td background="white_1-1.gif"></td>
		<td background="white_1-1.gif"><img src="img_2.gif" style="width: 159px; height: 71px; border-width: 0px;"></td>
	</tr>
	<tr height="1">
		<td colspan="4" background="grey1_1-1.gif"></td>
	</tr>
	<tr style="vertical-align: top;">
		<td background="white_1-1.gif" style="padding: 6px 2px 3px ;" align="right"><img src="arrow_white.gif" style="width: 5px; height: 9px; border-width: 0px;"/></td>
		<td background="white_1-1.gif" style="padding: 5px;">
			<a href="#" style="font-weight: bold; text-decoration: none; color: gray;">
    			Аеродинаміка та колесні диски
			</a>
			<br><br>
			Легендарна довершенність форм, лаконічність ліній, функціональність та індивідуальність - 
			Audi надихає на сильні емоції.
		</td>
		<td background="white_1-1.gif"></td>
		<td background="white_1-1.gif"><img src="img_3.gif" style="width: 159px; height: 71px; border-width: 0px;"></td>
	</tr>
		<tr height="1">
		<td colspan="4" background="grey1_1-1.gif"></td>
	</tr>
	<tr style="vertical-align: top;">
		<td background="white_1-1.gif" style="padding: 6px 2px 3px ;" align="right"><img src="arrow_white.gif" style="width: 5px; height: 9px; border-width: 0px;"/></td>
		<td background="white_1-1.gif" style="padding: 5px;">
			<a href="#" style="font-weight: bold; text-decoration: none; color: gray;">
    			Багажник та фаркопи
			</a>
			<br><br>
			Ділова зустріч сьогодні та подорож усією сімєю за місто завтра?
			Дозвольте авто пристосуватися до Вашого стилю життя.
		</td>
		<td background="white_1-1.gif"></td>
		<td background="white_1-1.gif"><img src="img_4.gif" style="width: 159px; height: 71px; border-width: 0px;"></td>
	</tr>
	<tr height="1">
		<td colspan="4" background="grey1_1-1.gif"></td>
	</tr>
	<tr style="vertical-align: top;">
		<td background="white_1-1.gif" style="padding: 6px 2px 3px ;" align="right"><img src="arrow_white.gif" style="width: 5px; height: 9px; border-width: 0px;"/></td>
		<td background="white_1-1.gif" style="padding: 5px;">
			<a href="#" style="font-weight: bold; text-decoration: none; color: gray;">
    			З турбуванням про дітей
			</a>
    		<br><br>
	    	Ті, кого Ви любите потребують Вашої турботи. Індивідуальних підхід та найостанніші
    		технологічні рішення від Audi - для того, щоб Вам ніколи не доводилось думати
    		про непередбачувані обставини.
		</td>
		<td background="white_1-1.gif"></td>
		<td background="white_1-1.gif"><img src="img_5.gif" style="width: 159px; height: 71px; border-width: 0px;"></td>
	</tr>
	<tr height="1">
		<td colspan="4" background="grey1_1-1.gif"></td>
	</tr>
	<tr style="vertical-align: top;">
		<td background="white_1-1.gif" style="padding: 6px 2px 3px ;" align="right"><img src="arrow_white.gif" style="width: 5px; height: 9px; border-width: 0px;"/></td>
		<td background="white_1-1.gif" style="padding: 5px;">
			<a href="#" style="font-weight: bold; text-decoration: none; color: gray;">
    			Автохімія
			</a>
			<br><br>
	    	Зберегти неперевершений зовнішній вигляд авто, забезпечити йому захист від 
   		 	агресивного впливу сучасного міста, подарувати новий блиск потьмянілим поверхням...
		</td>
		<td background="white_1-1.gif"></td>
		<td background="white_1-1.gif"><img src="img_6.gif" style="width: 159px; height: 71px; border-width: 0px;"></td>
	</tr>
	<tr height="1">
		<td colspan="4" background="grey1_1-1.gif"></td>
	</tr>
	<tr style="vertical-align: top;">
		<td colspan="2" background="white_1-1.gif"></td>
		<td background="white_1-1.gif"></td>
		<td background="white_1-1.gif">
			<table style="font-size: 7pt; border-collapse: collapse; border-width: 1px; border-style: solid; border-color: gray; width: 100%; text-align: center;">
				<tr>
					<td colspan="2"  style="border-collapse: collapse; border-style: dashed; border-width: 1px;">
						<a href="#" style="font-weight: bold; text-decoration: none; color: gray;">Зворотній зв'язок</a></td>
				</tr>
				<tr background="grey_1-1.gif">
					<td style="border-collapse: collapse; border-style: dashed; border-width: 1px;">
						<a href="#" style="font-weight: bold; text-decoration: none; color: gray;">Карта сайту</a></td>
					<td style="border-collapse: collapse; border-style: dashed; border-width: 1px;">
						<a href="#" style="font-weight: bold; text-decoration: none; color: gray;">Пошук</a></td>
				</tr>
			</table>
		
		</td>
		<td colspan="3" background="white_1-1.gif"></td>

	</tr>
 
</table>
</body>
</html>
